<!DOCTYPE html>
<html>

<head>
    <title>我的待办事项</title>
    <link rel="stylesheet" href="./font/iconfont.css" />
    <link rel="stylesheet" href="index.css" />
</head>

<body>
    <header class="page-header">
        <h1>我的待办清单</h1>
    </header>

    <main class="container">
        <nav class="tab-nav">
            <button id="todo-btn" class="tab-btn active" onclick="tabChange(0)">待办事项</button>
            <button id="done-btn" class="tab-btn" onclick="tabChange(1)">已完成</button>
        </nav>

        <section class="add-section">
            <div class="add-wrapper">
                <input id="add-input" type="text" class="add-input" placeholder="请输入待办事项">
                <button class="add-todo" onclick="addTodoTask()">添加待办事项</button>
            </div>
        </section>

        <section class="search-section">
            <div class="search-wrapper">
                <input type="text" class="search-input" placeholder="搜索待办事项..." onchange="searchTask(event)">
                <span class="iconfont icon-sousuo search-icon"></span>
            </div>
        </section>

        <section id="todo" class="tab-content active">
            <ul class="task-list">
            </ul>
        </section>
        <section id="done" class="tab-content">
            <ul class="task-list"></ul>
        </section>
    </main>

    <footer class="page-footer">
        <div class="footer-content">
            <div class="footer-section">
                <h4>关于待办清单</h4>
                <p>帮助您更好地管理日常任务</p>
            </div>
            <div class="footer-section">
                <h4>快捷链接</h4>
                <ul>
                    <li><a href="#">使用指南</a></li>
                    <li><a href="#">隐私政策</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <p>&copy; 2024 我的待办清单 - 保留所有权利</p>
        </div>
    </footer>
</body>

</html>

<!-- <script src="./index.js"></script> -->
<script src="./requestData.js"></script>